.pa {
    position: absolute;
}

.spr {
    background: url(ossweb-img/spr.png);
    display: block;
    text-indent: -9999px;
}

.spr-logo {
    background: url(ossweb-img/spr-logo.png);
    display: block;
    text-indent: -9999px;
}

.wrap {
    width: 100%;
    min-width: 1200px;
    position: relative;
    overflow: hidden;
}

.contain {
    width: 1200px;
    height: 3430px;
    position: relative;
    margin: 0 auto;
}

.main {
    width: 1200px;
    height: 3430px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.head {
    height: 641px;
}

.logo {
    background: url(ossweb-img/logo.png) no-repeat;
    width: 400px;
    height: 92px;
    position: absolute;
    top: 0;
    left: -300px;
    z-index: 5;
}

.logo a {
    height: 92px;
    text-indent: -9999px;
    float: left;
}

.logo a.logo-lol {
    width: 140px;
}

.logo a.logo-zb {
    width: 184px;
    margin-left: 23px;
}

.nav {
    height: 510px;
    position: relative;
}

.nav-tab {
    position: relative;
}

.nav-tab li {
    width: 146px;
    height: 129px;
    position: absolute;
    transition: All 0.1s ease-in-out;
    -webkit-transition: All 0.1s ease-in-out;
}

.nav-tab li a {
    width: 100%;
    height: 100%;
    background-position: -176px -89px;
}

.nav-tab li a span {
    display: block;
    width: 100%;
    height: 100%;
}

.nav-tab li.on a,
.nav-tab li a:hover {
    background-position: -10px -89px;
}

.nav-tab li.a1 {
    top: 0;
    left: -57px;
}

.nav-tab li.a2 {
    top: 30px;
    left: 89px;
}

.nav-tab li.a3 {
    top: 60px;
    left: 235px;
}

.nav-tab li.a4 {
    top: 90px;
    left: 381px;
}

.nav-tab li.a5 {
    top: 120px;
    left: 527px;
}

.nav-tab li.a6 {
    top: 90px;
    left: 673px;
}

.nav-tab li.a7 {
    top: 60px;
    left: 819px;
}

.nav-tab li.a8 {
    top: 30px;
    left: 965px;
}

.nav-tab li.a9 {
    top: 0px;
    left: 1111px;
}

.nav-tab li.a10 {
    top: 173px;
    left: 11px;
}

.nav-tab li.a11 {
    top: 203px;
    left: 157px;
}

.nav-tab li.a12 {
    top: 233px;
    left: 292px;
}

.nav-tab li.a13 {
    top: 263px;
    left: 449px;
}

.nav-tab li.a14 {
    top: 263px;
    left: 605px;
}

.nav-tab li.a15 {
    top: 233px;
    left: 751px;
}

.nav-tab li.a16 {
    top: 203px;
    left: 897px;
}

.nav-tab li.a17 {
    top: 173px;
    left: 1043px;
}

.nav-tab li.dmo span {
    background-position: -176px -159px;
}

.nav-tab li.edg span {
    background-position: -342px -159px;
}

.nav-tab li.jdg span {
    background-position: -176px -457px;
}

.nav-tab li.rng span {
    background-position: -176px -606px;
}

.nav-tab li.fpx span {
    background-position: -508px -10px;
}

.nav-tab li.ig span {
    background-position: -508px -308px;
}

.nav-tab li.tes span {
    background-position: -840px -308px;
}

.nav-tab li.blg span {
    background-position: -674px -159px;
}

.nav-tab li.we span {
    background-position: -176px -755px;
}

.nav-tab li.es span {
    background-position: -176px -308px;
}

.nav-tab li.omg span {
    background-position: -674px -457px;
}

.nav-tab li.lgd span {
    background-position: -508px -457px;
}

.nav-tab li.sn span {
    background-position: -342px -755px;
}

.nav-tab li.lng span {
    background-position: -10px -10px;
}

.nav-tab li.v5 span {
    background-position: -840px -606px;
}

.nav-tab li.rw span {
    background-position: -508px -606px;
}

.nav-tab li.vg span {
    background-position: -840px -10px;
}

.nav-tab li.dmo.on span,
.nav-tab li.dmo a:hover span {
    background-position: -10px -159px;
}

.nav-tab li.edg.on span,
.nav-tab li.edg a:hover span {
    background-position: -342px -10px;
}

.nav-tab li.jdg.on span,
.nav-tab li.jdg a:hover span {
    background-position: -10px -457px;
}

.nav-tab li.rng.on span,
.nav-tab li.rng a:hover span {
    background-position: -10px -606px;
}

.nav-tab li.fpx.on span,
.nav-tab li.fpx a:hover span {
    background-position: -342px -308px;
}

.nav-tab li.ig.on span,
.nav-tab li.ig a:hover span {
    background-position: -508px -159px;
}

.nav-tab li.tes.on span,
.nav-tab li.tes a:hover span {
    background-position: -840px -159px;
}

.nav-tab li.blg.on span,
.nav-tab li.blg a:hover span {
    background-position: -176px -10px;
}

.nav-tab li.we.on span,
.nav-tab li.we a:hover span {
    background-position: -674px -606px;
}

.nav-tab li.es.on span,
.nav-tab li.es a:hover span {
    background-position: -10px -308px;
}

.nav-tab li.omg.on span,
.nav-tab li.omg a:hover span {
    background-position: -674px -308px;
}

.nav-tab li.lgd.on span,
.nav-tab li.lgd a:hover span {
    background-position: -342px -457px;
}

.nav-tab li.sn.on span,
.nav-tab li.sn a:hover span {
    background-position: -507px -755px;
}

.nav-tab li.lng.on span,
.nav-tab li.lng a:hover span {
    background-position: -674px -10px;
}

.nav-tab li.v5.on span,
.nav-tab li.v5 a:hover span {
    background-position: -840px -457px;
}

.nav-tab li.rw.on span,
.nav-tab li.rw a:hover span {
    background-position: -342px -606px;
}

.nav-tab li.vg.on span,
.nav-tab li.vg a:hover span {
    background-position: -10px -755px;
}

.nav-tab li:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.tips {
    color: #d3d4e2;
    font-size: 14px;
    line-height: 20px;
    top: 216px;
    right: -328px;
    text-align: right
}